$(function () {
    // //1点击标题复选框表示全选
    // $("#mec-head-checkbox").on("click", function () {
    //     judgement();
    // });
    //
    // //实现全选
    // function judgement() {
    //     var isChecked = $("#mec-head-checkbox").prop("checked");
    //     if (isChecked == true) {
    //         // $("#mec-head-checkbox").on("click",function () {
    //         //     judgement();
    //         $("#mec-content-checkbox").prop("checked", true);
    //         //});
    //     }
    //     else {
    //         //  $("#mec-head-checkbox").on("click",function () {
    //         //     judgement();
    //         $("#mec-content-checkbox").prop("checked", false);
    //         // });
    //     }
    // }

    //1.动态创建表格 获取所有数据
    getDataList();

    //动态创建表格
    function getDataList() {
        $.ajax({
            url: "/hospital/saleRecord/all.action",
            type: "GET",
            dataType: "json",
            success: function (data) {
                var $list = $("#tb_1");
                $.each(data, function (index, ele) {
                    var $item = createDataItem(index, ele);
                    $list.append($item);
                });
            },
            error: function (jqXHR) {
                alert(jqXHR.state());
            }
        });
    }

    //动态创建一条数据
    function createDataItem(index, data) {
        var $item = $("" + "<tr class=\"sale-table-class\">\n" +
            "            <td style=\"width:100px;\">" + data.id + "</td>\n" +
            "            <td>" + data.mdcName + "</td><td>" + data.mdcUnit + "</td><td>" + data.mdcSpec + "</td>\n" +
            "            <td>" + data.salRecPrice + "</td><td>" + data.salRecCount + "</td><td>" + data.salRecTotal + "</td><td>" + data.salRecTime + "</td>\n" +
            "            <td><button class=\"sale-table-update-btn\">编辑</button><button class=\"sale-table-cancel-btn\">删除</button></td>\n" +
            "        </tr>");
        return $item;
    }

    //2 监听新增信息按钮 隐藏表格数据 显示新增界面
    $(".sale-input").css("display", "none");
    $("#sale-add").click(function () {
        $(".sale-table").css("display", "none");
        $(".sale-input").css("display", "block");
    });

    //2.1 新增信息页面 输入框失去焦点的监听
    $("#mec-num").on("blur", function () {
        var $mecNumResult = $("#mec-num").val();
        if ($mecNumResult.trim().length == 0) {
            $("#judgeNum").html("/*药品编号不能为空*/");
        }
        else {
            $("#judgeNum").remove();
        }
    });
    $("#mec-name").on("blur", function () {
        var $mecNameResult = $("#mec-name").val();
        if ($mecNameResult.trim().length == 0) {
            $("#judgeName").html("/*药品名称不能为空*/");
        }
        else {
            $("#judgeName").remove();
        }
    });
    $("#mec-unit").on("blur", function () {
        var $mecUnitResult = $("#mec-unit").val();
        if ($mecUnitResult.trim().length == 0) {
            $("#judgeUnit").html("/*药品单位不能为空*/");
        }
        else {
            $("#judgeUnit").remove();
        }
    });
    $("#mec-spec").on("blur", function () {
        var $mecSpecResult = $("#mec-spec").val();
        if ($mecSpecResult.trim().length == 0) {
            $("#judgeSpec").html("/*药品规格不能为空*/");
        } else {
            $("#judgeSpec").remove();
        }
    });
    $("#mec-price").on("blur", function () {
        var $mecPriceResult = $("#mec-price").val();
        if ($mecPriceResult.trim().length == 0) {
            $("#judgePrice").html("/*进药价格不能为空*/");
        }
        else {
            $("#judgePrice").remove();
        }
    });
    $("#mec-count").on("blur", function () {
        var $mecCountResult = $("#mec-count").val();
        var $count = /^[0-9]*$/;
        if ($mecCountResult.trim().length == 0) {
            $("#judgeCount").html("/*进药数量不可为空）*/");
        }
        else if (!$count.test($mecCountResult)) {
            $("#judgeCount").html("/*请输入正确的数字*/");
        }
        else {
            $("#judgeCount").remove();
        }
    });

    //2.2新增信息界面 确认按钮点击事件
    $("#addSale-sure").on("click", function () {
        //2.2.1获取输入的数据
        var num = $("#mec-num").val();
        var name = $("#mec-name").val();
        var unit = $("#mec-unit").val();
        var spec = $("#mec-spec").val();
        var time = $("#mec-time").val();
        var price = $("#mec-price").val();
        var count = $("#mec-count").val();
        var total = $("#mec-total").val();
        //2.2.2发送数据 新增销售记录
        $.ajax({
            url: "/hospital/saleRecord/add.action",
            type: "POST",
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            data: JSON.stringify({
                "mdcNum": num, "mdcName": name, "mdcUnit": unit, "mdcSpec": spec,
                "salRecTime": time, "salRecPrice": price, "salRecCount": count, "salRecTotal": total
            }),
            success: function (data) {
                alert("添加成功!");
                //发送数据成功，返回成功数据，隐藏新增信息界面，显示表格数据
                var $list = $("#tb_1");
                //1.清空表格数据
                $("#tb_1 tr:not(:first)").html("");
                //2.动态创建数据
                $.each(data, function (index, ele) {
                    var $item1 = createDataItem(index, ele);
                    $list.append($item1);
                });
                $(".sale-input").css("display", "none");
                $(".sale-table").css("display", "block");
            },
            error: function () {
                alert("发送数据失败");
            }
        });
    });

    //2.3 新增信息界面 返回按钮点击事件
    $("#addSale-back").click(function () {
        $(".sale-input").css("display", "none");
        $(".sale-table").css("display", "block");
    });

    //2.4 新增信息界面，获取总价按钮点击事件
    $("#sale-get-total").click(function () {
        var price = $("#mec-price").val();
        var count = $("#mec-count").val();
        var total = price * count;
        $("#mec-total").val(total);
    });

    //3.销售记录页面 查询按钮点击事件
    //3.1 按名称查询
    $("#saleNameSelectBtn").click(function () {
        var name = $("#nameSaleInput").val();
        $.ajax({
            url: "/hospital/saleRecord/mdcName.action",
            type: "POST",
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            data: JSON.stringify({"mdcName": name}),
            success: function (data) {
                var $list = $("#tb_1");
                //1.清空表格数据
                $("#tb_1 tr:not(:first)").html("");
                //2.动态创建数据
                $.each(data, function (index, ele) {
                    var $item1 = createDataItem(index, ele);
                    $list.append($item1);
                });
            },
            error: function () {
                alert("请求数据失败");
            }
        });
    });
    //3.2 按日期查询
    $("#saleDateSelectBtn").click(function () {
        var time = $("#dateSaleInput").val();
        $.ajax({
            url: "/hospital/saleRecord/date.action",
            type: "POST",
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            data: JSON.stringify({"salRecTime": time}),
            success: function (data) {
                var $list = $("#tb_1");
                //1.清空表格数据
                $("#tb_1 tr:not(:first)").html("");
                //2.动态创建数据
                $.each(data, function (index, ele) {
                    var $item1 = createDataItem(index, ele);
                    $list.append($item1);
                });
            },
            error: function () {
                alert("请求数据失败");
            }
        });
    });

    //4.销售记录界面 表格数据操作栏
    //4.1 销售记录界面 编辑按钮事件委托
    $("#tb_1").delegate(".sale-table-update-btn", "click", function () {
        //4.1.1 获取修改前的数据
        var $trClick = $(this).parents("tr")[0];
        var num1 = $trClick.children[0].innerHTML;
        var num2 = $trClick.children[1].innerHTML;
        var num3 = $trClick.children[2].innerHTML;
        var num4 = $trClick.children[3].innerHTML;
        var num5 = $trClick.children[4].innerHTML;
        var num6 = $trClick.children[5].innerHTML;
        var num7 = $trClick.children[6].innerHTML;
        var num8 = $trClick.children[7].innerHTML;
        $("#sale-update-input-num").val(num1);
        $("#sale-update-input-name").val(num2);
        $("#sale-update-input-unit").val(num3);
        $("#sale-update-input-type").val(num4);
        $("#sale-update-input-price").val(num5);
        $("#sale-update-input-count").val(num6);
        $("#sale-update-input-total").val(num7);
        $("#sale-update-input-data").val(num8);
        //显示编辑界面
        $(".all-sale-update-input").fadeIn(0);
        $("#over").fadeIn(0);

        //4.1.2 编辑界面 确认按钮点击事件
        $("#addSale-update-sure").unbind("click").click(function () {
            //获取用户修改后的值
            var id = $("#sale-update-input-num").val();
            // var name = $("#sale-update-input-name").val();
            // var unit = $("#sale-update-input-unit").val();
            // var type = $("#sale-update-input-type").val();
            var price = $("#sale-update-input-price").val();
            var count = $("#sale-update-input-count").val();
            var total = price * count;
            var time = $("#sale-update-input-data").val();
            $.ajax({
                url: "/hospital/saleRecord/update.action",
                type: "POST",
                contentType: "application/json;charset=utf-8",
                data: JSON.stringify({
                    "salId": id, "salRecPrice": price, "salRecCount": count, "salRecTime": time, "salRecToTal": total
                }),
                success: function (data) {
                    alert("修改成功");
                    var $list = $("#tb_1");
                    //1.清空表格数据
                    $("#tb_1 tr:not(:first)").html("");
                    //2.动态创建数据
                    $.each(data, function (index, ele) {
                        var $item1 = createDataItem(index, ele);
                        $list.append($item1);
                        $(".all-sale-update-input").fadeOut(0);
                        $("#over").fadeOut(0);
                    });
                },
                error: function (jqXHR) {
                    alert("修改失败");
                }
            });
        });
    });

    //4.1.3 编辑界面 返回按钮点击事件
    $("#addSale-update-back").click(function () {
        $(".all-sale-update-input").fadeOut(0);
        $("#over").fadeOut(0);
    });

    //4.2销售记录界面 删除按钮事件委托
    $("#tb_1").delegate(".sale-table-cancel-btn", "click", function () {
        //4.2.1 获取当前行 销售记录id
        var id = $(this).parents("tr")[0].children[0].innerHTML;
        //4.2.2 发送请求删除数据
        $.ajax({
            url: "/hospital/saleRecord/delete.action",
            type: "POST",
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            data: JSON.stringify({"salId": id}),
            success: function (data) {
                alert("删除成功!");
                //1.返回数据动态更新表格数据
                var $list = $("#tb_1");
                //1.清空表格数据
                $("#tb_1 tr:not(:first)").html("");
                //2.动态创建数据
                $.each(data, function (index, ele) {
                    var $item1 = createDataItem(index, ele);
                    $list.append($item1);
                });
            },
            error: function () {
                alert("删除失败");
            }
        });
    });
});